var imgUrls = [
  'images/work/1.jpg',
  'images/work/2.jpg',
  'images/work/3.jpg',
  'images/work/4.jpg',
  'images/work/5.jpg',
  'images/work/6.jpg',
  'images/work/7.jpg',
  'images/work/8.jpg',
  'images/work/9.jpg',
  'images/work/10.jpg',
  'images/work/11.jpg',
  'images/work/12.jpg',
  'images/work/13.jpg',
  'images/work/14.jpg',
  'images/work/15.jpg',
  'images/work/16.jpg',
  'images/work/17.jpg',
  'images/work/18.jpg',
  'images/work/19.jpg',
  'images/work/20.jpg',
];

window.onload = function(){
  let container = document.getElementById('wrap');

  imgUrls.map((item,i)=>{
      let div = document.createElement('div');
      div.className = 'item';

      let img = document.createElement('img');
      img.src = item;
      img.style.width = '100%';
      img.style.height = 'auto';

      div.appendChild(img);
      container.appendChild(div);
  });
}
